<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>User Center</title>
		<script type="text/javascript" src="../js/jquery1.7.2.js"></script>
		<link href="../css/usercenter.css" type="text/css" rel="stylesheet"/>
		 <script type="text/javascript">
		 $(document).ready(function(){
		 	$("#header").load("common/uc_header.html");
		 	$("#footer").load("common/uc_footer.html");
		 });
		
		 </script>
	</head>

	<body>
		<div id="header">
			
		</div>
			
		<div class="container">
			<div class="message list">
				<h4>Messages</h4>
				<ul>
					<li class="unread"><a href="">Congratulations! U win a 16G iPad...</a><span class="time">2012.7.23</span></li>
					<li class="unread"><a href="">Holiday information...</a><span class="time">2012.8.12</span></li>
					<li class="unread"><a href="">Aka drinking party, no drunk no back...</a><span class="time">2012.8.23</span></li>
					<li><a href="">A little information...</a><span class="time">2012.8.30</span></li>
					<li><a href="">A little information...</a><span class="time">2012.8.30</span></li>
					<li><a href="">A little information...</a><span class="time">2012.8.30</span></li>
					<li><a href="">A little information...</a><span class="time">2012.8.30</span></li>
					<li><a href="">A little information...</a><span class="time">2012.8.30</span></li>
					<li><a href="">A little information...</a><span class="time">2012.8.30</span></li>
				</ul>
			</div>
			<div class="message content">
				<dl>
					<dt><h4>Congratulations! U win a 16G iPad on last lottery</h4></dt>
					<dd>Dear Jason, we r glad to tell u that Next in the tricky part because I am not sure when we should allow them to submit their information into our database so that they can be searchable as well. I was thinking about when they want more information to display from the results we could have a box pop out asking them to submit their information into our database. The message could say something like for example "before you can proceed your search process please submit your info into our database so that other potential friends could search for you" </dd>
				</dl>
			</div>
			<div class="clearfloat"></div>
<script type="text/javascript">
$("#listbody div.list").hover(
	function(){$(this).addClass('listhover');$(this).find(".bar").css('visibility','visible');},
	function(){$(this).removeClass('listhover');$(this).find(".bar").css('visibility','hidden');}
);
</script>

	</div>



		<div id="footer">
			
		</div>
	</body>
</html>
